<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020年11月19日 0019
  Time: 21:17:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Adger👍</title>
    <link rel="shortcut icon" href="images/icon/adger.ico">
    <link rel="stylesheet" href="alibabaicon/20201024/iconfont.css">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="hover-css/Hover-master/Hover-master/css/hover-min.css">
    <link rel="stylesheet" href="aplyerMusic/APlayer.min.css">
    <script src="aplyerMusic/APlayer.min.js"></script>
    <script src="aplyerMusic/Meting.min.js"></script>
    <script src="jquery3.5/jquery-3.5.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <style>
        /**
            Adger Logo color
        */
        .logo {
            font-size: 20px;
            background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            -webkit-animation: masked-animation 1s infinite linear;
        }
        @-webkit-keyframes masked-animation {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: -100% 0;
            }
        }

        /* font hover color */
        #text1:hover {
            color: #2098D1;
        }

        #text2:hover {
            color: #2098D1;
        }

        #text3:hover {
            color: #2098D1;
        }

        #text4:hover {
            color: #2098D1;
        }

        #text5:hover {
            color: green;
        }

        /* input serch */
        #mySerchBlog {
            border-radius: 40px;
            font-size: 14px;
            outline: none;
            padding: 0 40px 0 20px;
            border: 1px solid #eee;
            background: #eee;
            margin-top: 10px;
            color: black;
            transition: .5s;
            height: 30px;
        }

        #mySerchBlog:focus {
            padding: 0 100px 0 20px;
        }

        #serchBtn {
            border-radius: 40px;
            border: 1px solid #eee;
            background: #eee;
            outline: none;
            transition: .5s;
        }

        #serchBtn:hover {
            font-size: 25px;
            color: #2aabd2;
        }

        @media (min-width: 425px) {
            .post-summary {
                max-height: 106px;
            }
        }

        @media (min-width: 375px) {
            .post-summary {
                max-height: 68px;
            }
        }


        @media (min-width: 320px) {
            .post-summary {
                max-height: 100px;
            }
        }

        .post-summary {
            font-size: 18px;
            line-height: 2.2rem;
            overflow: hidden;
            color: #6c757d !important;
        }
        /* 二级菜单鼠标悬停出现 */
        .nav > li:hover .dropdown-menu {
            display: block;
        }
    </style>
    <script>
        /**
         * Bootstarp中导航条点击哪个就激活哪个
         */
        $(document).ready(function () {
            $('.navbar li').click(function (e) {
                $('.navbar li').removeClass('active');
                var $this = $(this);
                if (!$this.hasClass('active')) {
                    $this.addClass('active');
                }
            });
        });

        $(document).ready(function () {
            $('#mySerchBlog').focus(function () {
                $('#serchBtn').css("color", "#2aabd2")
            })
        });
        $(document).ready(function () {
            $('#mySerchBlog').blur(function () {
                $('#serchBtn').css("color", "black")
            })
        });
    </script>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand logo" href="#">Adger</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#" class="hvr-underline-from-left" id="text1">首页<span class="sr-only">(current)</span><span
                        class="iconfont icon-shouye"></span></a></li>

                <%--      TODO          --%>
<%--                <li><a href="#" class="hvr-underline-from-left" id="text2">关于我们<span--%>
<%--                        class="iconfont icon-guanyuwomen"></span></a></li>--%>
                <li class="dropdown">
                    <a href="#" class="hvr-underline-from-left dropdown-toggle" id="text3" data-toggle="dropdown">分类
                        <span class="iconfont icon-leimupinleifenleileibie2"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">HTML</a></li>
                        <li><a href="#">CSS</a></li>
                        <li><a href="#">Javascript</a></li>
                        <li><a href="#">Vue</a></li>
                        <li><a href="#">React</a></li>
                        <li><a href="#">Angalur</a></li>
                        <li><a href="#">微信小程序</a></li>
                        <li><a href="#">uni-app</a></li>
                        <li><a href="#">sass</a></li>
                        <li><a href="#">less</a></li>
                        <li><a href="#">vue-cli</a></li>
                        <li><a href="#">ajax</a></li>
                        <li><a href="#">python</a></li>
                        <li><a href="#">c</a></li>
                        <li><a href="#">c++</a></li>
                        <li><a href="#">C#</a></li>
                        <li><a href="#">Java</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                </li>
                <li><a href="#" class="hvr-underline-from-left" id="text4">写博客<span
                        class="iconfont icon-xieboke"></span></a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <form action="">
                        <input type="text" id="mySerchBlog" placeholder="回车搜博客"/>
                        <button id="serchBtn" class="iconfont icon-sousuo"></button>
                    </form>
                </li>
                <li><a href="${application.request.ContextPath}/userlogin/login.do" class="hvr-underline-from-left" id="text5">登录<span class="glyphicon glyphicon-user"></span></a></li>
            </ul>
        </div>
    </div>
</nav>


<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">idea破解</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>

            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">左对齐</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>

            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">左对齐</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>

            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">左对齐</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>

            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">左对齐</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>

            <div class="media">
                <div class="media-body">
                    <a href=""><h4 class="media-heading">左对齐</h4></a>
                    <p class="media-middle post-summary">2020-10-27一大早刚打开电脑，突然发现idea全家桶工具破解全部失效，这怎么搞？不是耽误事了吗。
                        好在翻了一下我的某度云盘，找到了一个破解工具包，废话不多说，直接分享给大家。</p>
                </div>
                <a href="" class="media-right">
                    <img src="https://blog.yiduu.com/upload/2020/10/cover-290f7d3db29c411b85bf0ddcfd7be597.jpg"
                         class="media-object" style="width:300px">
                </a>
                <small>
            <span class="mr-3 font-weight-bold d-md-inline d-none">
                    <i class="glyphicon glyphicon-tags"></i>
                        <a class="text-body mr-1" href="">Idea</a>
                        <a class="text-body mr-1" href="">激活破解</a>
                </span>

                    <span class="mr-3">
            <i class="glyphicon glyphicon-list-alt"></i>2020年10月27日
        </span>

                    <span>
            <i class="glyphicon glyphicon-expand"></i>567次浏览
        </span>
                </small>
            </div>
            <hr>
        </div>
        <div class="col-md-4">

        </div>
    </div>
</div>

<meting-js auto="https://music.163.com/#/playlist?id=2787797071" fixed="true"></meting-js>
</body>
</html>
